<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jquery-1.10.1.min.js"></script>

</head>
<body>
    <div class="head"></div>
    <div>
        <h2>我的商品官方</h2>

    </div>
    <script>
        // load  载入公共的html 页面  生成DOM 插入到页面中 
        // $(ele).load(url,callback);

        // 自己实现  
        // $.ajax({
        //     type:"get",
        //     url:"./head.html",
        //     success(html){
        //         // console.log(html)

        //         $(".head").html(html);
        //     }
        // })

        // $.getScript   HTTP GET 请求载入并执行一个 JavaScript 文件

        // 先把页面请求到位再去  再去请求JS 数据
        $(".head").load("./head.html",function(){
            // console.log("head 加载成功")
            // var script =  document.createElement("script")
            // script.src = "./head.js"
            // document.head.append(script)


            $.getScript("./head.js",function(){
                console.log("head.js执行完毕...")
            })
        })



    </script>
</body>
</html>